<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="UTF-8">
                <title>Title</title>
        </head>
        <body>
                <div th:replace="common/top"></div>

                <div id="BackLink">
                        <a href="/catalog/view">Return to Main Menu</a>
                </div>

                <div id="Catalog">

                        <h2 th:text="${category.categoryId}">categoryId</h2>

                        <table>
                                <tr>
                                        <th>Product ID</th>
                                        <th>Name</th>
                                </tr>

                                <tr th:each="product:${productList}">
                                        <td>
                                                <a th:href="@{viewProduct(productId=${product.productId})}"  th:text="${product.productId}" >productId</a>
                                        </td>
                                        <td th:text="${product.name}">ProductName</td>
                                </tr>

                        </table>
                </div>


                <div th:replace="common/bottom"></div>


        </body>
</html>